@charset "UTF-8";
//@import url(./normalize.less);
/**
 * 
 * @authors Gary_zhou 
 * @date    2016-06-13 11:27:05
 * @version pc.1.0
 * 
 * 字号、宽度、高度、边距使用REM为单位
 * 圆角、阴影使用PX为单位
 * 
 * 根目录
 * 图片地址
 * 公共less
 * 		字体、文本、背景、宽度、圆角、边框、边距、换行
 * 
 * 
 * 
 */
/*
	引入less变量
*/
@import './lessParams.less';

/* 
	计算REM数值
 */
.caleRem(@k,@v){
	@{k} : @v/@baseSize*1rem;
}

*{
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
html,body{
	font-size: @font-base;
	height: 100%;
	min-height: 100%;
	font-family: '微软雅黑','Microsoft Yahei','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body{
	font-size: 10*@font-cale;
}
img{
	max-width: 100%;
}
button{
	outline: none;
	border: none;
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*  
	清除苹果默认样式
		-webkit-appearance
*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;
}
input{
	outline: none;
}
/*  
	清除浮动
*/
.s-clearfix:before,
.s-clearfix:after,{
  display: table;
  content: " ";
}
.s-clearfix:after{
  clear: both;
}
/*  
	浮动
*/
/*  
	left
*/
.s-left{
	float: left;
}
/*  
	right
*/
.s-right{
	float: right;
}
/*  
	隐藏/显示
*/
/*  
	隐藏
*/
.s-hide{
	display: none;
}
/*  
	显示
*/
.s-show{
	display: block;
}
/*  
	display 

*/
.dp-lb{
	display: inline-block;
}
.dp-b{
	display: block!important;
}
.dp-box{
	display : -webkit-box;
	display : -moz-box;
	display : box;
}

/*
	flex布局
*/
.dp-f{
	display: flex;
	display: -webkit-flex;
}

/*  
	元素可见/不可见

*/
/*  
	可见
*/
.s-vi{
	visibility: visible;
}
/*  
	不可见
*/
.s-vihide{
	visibility: hidden;
}
/* 字体：
	'微软雅黑','Microsoft Yahei','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif
*/
/* 
	基础字体
 */
.fontfly-base{
	font-family: '微软雅黑','Microsoft Yahei','宋体',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fontfly-p{
	font-family: Helvetica,sans-serif;
}

.fontfly-a{
	font-family: Arial;
}
.fontfly-s{
	font-family: sans-serif;
}
/* 
	字体风格：正常：normal，斜体：italic，倾斜：oblique
*/
.fontsl-n{
	font-style: normal;
}
.fontsl-i{
	font-style: italic;
}
.fontsl-o{
	font-style: oblique;
}
/* 
	字体粗细
 */
.fontwt-n{
	font-weight: 400;
}
.fontwt-3{
	font-weight: 300;
}
.fontwt-5{
	font-weight: 500;
}
.fontwt-6{
	font-weight: 600;
}
/* 
	字体字号
		font-size
 */
.fontsz-b{
	font-size : @baseSize;
}
/* 
	12px字体
 */
.fontsz-12{
	.caleRem(font-size,12);
}
/* 
	14px字体
 */
.fontsz-14{
	.caleRem(font-size,14);
}
/* 
	16px字体
 */
.fontsz-16{
	.caleRem(font-size,16);
}
/* 
	18px字体
 */
.fontsz-18{
	.caleRem(font-size,18);
}

/* 
	文本
		颜色 --- color
		字、单词间隔 --- word-spacing
		字母间隔 --- letter-spacing
		文本装饰 --- text-decoration
			下划线 --- value:underline
			无 --- value:none
		换行
		行高

 */
/* 
	文本颜色
 */

/* 
	主色
 */
.color-b{
	color: #EE453B;
}
/* 
	白色
 */
.color-f{
	color: #fff;
}

/*  
	#494949
*/
.color-1{
	color: #494949;
}
/*  
	#5B8AE4
*/
.color-2{
	color: #5B8AE4;
}
/*  
	#C0C0C0
*/
.color-3{
	color: #C0C0C0;
}
/*  
	#000000
*/
.color-4{
	color: #000000;
}
/*  
	#4B4B4B
*/
.color-5{
	color: #4B4B4B;
}
/*
	#CE4D2D
*/
.color-6{
	color: #CE4D2D;
}
/*
	#474747
*/
.color-7{
	color: #474747;
}
/*
	#535353
*/
.color-8{
	color: #535353;
}
/*
	#A8A8A8
*/
.color-9{
	color: #A8A8A8;
}
/*  
	字、单词间隔 --- word-spacing
*/

/* 
	正常间隔
 */
.words-b{
	word-spacing: normal;
}
/*  
	1rem的间隔
*/
.words-1{
	word-spacing: 1rem;
}
/*  
	2rem的间隔
*/
.words-2{
	word-spacing: 2rem;
}
/*  
	字母间隔 --- letter-spacing
*/
/* 
	默认
*/
.letters-b{
	letter-spacing: normal;
}
/* 
	1rem间隔
*/
.letters-5{
	letter-spacing: 5px;
}
/* 
	2rem间隔
*/
.letters-2{
	letter-spacing: 2rem;
}

/*  
	文本装饰 --- text-decoration
		下划线 --- value:underline
		无 --- value:none
*/
/*  
	无
*/
.textdo-b{
	text-decoration: none;
}
/*  
	下划线
*/
.textdo-udl{
	text-decoration: underline;
}
/*  
	处理空白字符/换行 ---- white-space
*/
/* 
	合并空白符为1，忽略换行符，自动换行
 */
.whites-b{
	white-space: normal;
}
/* 
	合并空白符为1，保留换行符，自动换行
 */
.whites-pl{
	white-space: pre-line;
}
/* 
	合并空白符为1，忽略换行符，不自动换行
 */
.whites-np{
	white-space: nowrap;
}
/* 
	保留空白符，保留换行符，不自动换行
 */
.whites-p{
	white-space: pre;
}
/* 
	保留空白符，保留换行符，自动换行
 */
.whites-pw{
	white-space: pre-wrap;
}
/* 
	背景
 */
/*  
	纯色背景
		基础色
*/
.bgc-b{
	background-color: #EE453B;
}
/*  
	白色
*/
.bgc-w{
	background-color: #FFFFFF;
}
/*  
	#EFEFEF
*/
.bgc-1{
	background-color: #EFEFEF;
}
/*  
	#4A8DFF
*/
.bgc-2{
	background-color: #4A8DFF;
}
/*  
	#74889F
*/
.bgc-3{
	background-color: #74889F;
}

/*  
	背景
		图片 -- 各个CSS文件单独配置
		重复 -- repeat
*/

/* 
	默认 -- 不重复
*/
.bgr-b{
	background-repeat: no-repeat;
}
/* 
	X轴y轴重复
*/
.bgr-xy{
	background-repeat: repeat;
}

/* 
	X轴重复
*/
.bgr-x{
	background-repeat: repeat-x;
}
/* 
	y轴重复
*/
.bgr-y{
	background-repeat: repeat-y;
}
/*  
	背景
		定位：background-position
		属性值：
			百分比 -- 改变图像和元素的中心点
			长度 -- 相对于左上角的距离 （正值右偏/下偏，负值左偏/上偏）
*/

/* 
	默认 -- 左上角
*/
.bgp-b{
	background-position: 0% 0%;
}

/* 
	水平-竖直居中
*/
.bgp-c{
	background-position: center;
}
/* 
	右下方
*/
.bgp-rb{
	background-position: right bottom;
}
/* 
	右中方
*/
.bgp-rc{
	background-position: right center;
}
/* 
	中下方
*/
.bgp-cb{
	background-position: center bottom;
}
/* 
	background-size
*/
.bgs-s{
	background-size: contain;
}
/* 
	background-size : 20px
*/
.bgs-20{
	background-size: 20*@font-cale;
}

/*  
	边距
		内边距
		外边距
*/
.pd-0{
	padding: 0;
}
/*  
	内边距-left
*/
.pd-lb{
	padding-left: 15*@font-cale;
}

.pd-l5{
	padding-left: 5*@font-cale;
}

.pd-l10{
	padding-left: 10*@font-cale;
}
.pd-l15{
	padding-left: 15*@font-cale;
}

.pd-l20{
	padding-left: 20*@font-cale;
}
.pd-l25{
	padding-left: 25*@font-cale;
}
.pd-l30{
	padding-left: 30*@font-cale;
}
.pd-l50{
	padding-left: 50*@font-cale;
}
.pd-l60{
	padding-left: 60*@font-cale;
}
.pd-l100{
	padding-left: 100*@font-cale;
}
/*  
	内边距-right
*/
.pd-rb{
	padding-right: 15*@font-cale;
}
.pd-r5{
	padding-right: 5*@font-cale;
}
.pd-r10{
	padding-right: 10*@font-cale;
}
.pd-r15{
	padding-right: 15*@font-cale;
}
.pd-r20{
	padding-right: 20*@font-cale;
}
.pd-r25{
	padding-right: 25*@font-cale;
}
.pd-r30{
	padding-right: 30*@font-cale;
}
.pd-r60{
	padding-right: 60*@font-cale;
}
.pd-r100{
	padding-right: 100*@font-cale;
}
/*  
	内边距-top
*/
.pd-tb{
	padding-top: 0*@font-cale;
}
.pd-t5{
	padding-top: 5*@font-cale;
}
.pd-t10{
	padding-top: 10*@font-cale;
}
.pd-t15{
	padding-top: 15*@font-cale;
}
.pd-t20{
	padding-top: 20*@font-cale;
}
.pd-t25{
	padding-top: 25*@font-cale;
}
.pd-t30{
	padding-top: 30*@font-cale;
}
.pd-t50{
	padding-top: 50*@font-cale;
}
.pd-t80{
	padding-top: 80*@font-cale;
}
.pd-t150{
	padding-top: 150*@font-cale;
}
.pd-t200{
	padding-top: 200*@font-cale;
}
/*  
	内边距-bottom
*/
.pd-bb{
	padding-bottom: 0*@font-cale;
}
.pd-b5{
	padding-bottom: 5*@font-cale;
}
.pd-b15{
	padding-bottom: 15*@font-cale;
}
.pd-b20{
	padding-bottom: 20*@font-cale;
}
.pd-b25{
	padding-bottom: 25*@font-cale;
}
.pd-b100{
	padding-bottom: 100*@font-cale;
}
/*  
	外边距 - left
*/
.mg-lb{
	margin-left: 0*@font-cale;
}
.mg-l10{
	margin-left: 10*@font-cale;
}
.mg-l15{
	margin-left: 15*@font-cale;
}
.mg-l20{
	margin-left: 20*@font-cale;
}
/*  
	外边距 - right
*/
.mg-rb{
	margin-right: 0*@font-cale;
}
.mg-r10{
	margin-right: 10*@font-cale;
}
.mg-r15{
	margin-right: 15*@font-cale;
}
.mg-r20{
	margin-right: 20*@font-cale;
}
/*  
	外边距 - top
*/
.mg-tb{
	margin-top: 0*@font-cale;
}
.mg-t10{
	margin-top: 10*@font-cale;
}
.mg-t20{
	margin-top: 20*@font-cale;
}
/*  
	外边距 - bottom
*/
.mg-bb{
	margin-bottom: 0*@font-cale;
}
.mg-b20{
	margin-bottom: 20*@font-cale;
}
/* 
	边框
		颜色
		样式
		宽度
*/
/*  
	无边框
*/
.border-n{
	border-style: none;
}
/*  
	宽度
		border-width --- 四个值（上、右、下、左）
*/
.borderw-b{
	border-width: 1px 1px 1px 1px;//border-width: 1px ;
}
/*  
	颜色
		border-color --- 四个值（上、右、下、左）
*/
.borderc-b{
	border-color: #ddd #ddd #ddd #ddd ;//border-color: #ddd ;
}
/*  
	#5288E0
*/
.borderc-1{
	border-color: #5288E0 ;//border-color: #5288E0 ;
}
/*  
	#B378AE
*/
.borderc-2{
	border-color: #B378AE ;//border-color: #B378AE ;
}
/*  
	透明边框
*/
.borderc-t{
	border-color: transparent transparent transparent transparent ;//border-color: transparent ;
}
/*  
	样式
		border-style --- 四个值（上、右、下、左）
*/
.borders-b{
	border-style: solid solid solid solid;//border-style: solid ;
}

/*
	单独边框
		上/下/左/右
	1px solid 边框
*/
.borderb-1px{
	border-bottom: 1px solid;
}
/*
	下边框颜色
		#D6D6D6
*/
.borderc-bottom-1{
	border-bottom-color: #D6D6D6;
}

/*  
	定位
		static
		relative
		absolute
		fixed
*/

/*  
	static
*/
.position-s{
	position: static;
}

/*  
	relative
*/
.position-r{
	position: relative;
}
/*  
	absolute
*/
.position-a{
	position: absolute;
}
/*  
	fixed
*/
.position-f{
	position: fixed;
}

/*  
	圆角
		border-radius --- 四个值（上、右、下、左）
*/
.borderr-b{
	border-radius:5px;
	-moz-border-radius:5px; /* 老的 Firefox */ 
}
.borderr-p50{
	border-radius:50%;
	-moz-border-radius:50%; /* 老的 Firefox */ 
}
/*  
	单边圆角
		border-top-left-radius
		border-top-right-radius
		border-bottom-right-radius
		border-bottom-left-radius
*/
/*  
	单边圆角
		border-top-left-radius
*/
.borderr-tl{
	border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
}
/*  
	单边圆角
		border-top-right-radius
*/
.borderr-tr{
	border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
}
/*  
	单边圆角
		border-bottom-left-radius
*/
.borderr-bl{
	border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
}
/*  
	单边圆角
		border-top-left-radius
*/
.borderr-br{
	border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
}

/*  
	文本排版方向
		text-align
*/
.texta-l{
	text-align: left;
}

.texta-r{
	text-align: right;
}

/*  
	左右居中
		margin
		text-align
*/
.texta-c{
	text-align: center;
}
.margin-c{
	margin: 0 auto;
}

/*  
	高度 height和min-height、max-height
	
*/
.height-b{
	height: 100%;
}
.mheight-b{
	height: 100%;
}
/* 
	min-height/height : 600px;
*/
.height-600{
	height: 600*@font-cale;
}
.mheight-600{
	min-height: 600*@font-cale;
}

.height-300{
	height: 300*@font-cale;
}
/*
	height : 100px;
*/
.height-100{
	height: 100*@font-cale;
}
/*  
	宽度 width
	
*/
.width-b{
	width: 100%;
}


/*  
	box-flex
*/
.boxf-b{
	-moz-box-flex:1.0; /* Firefox */
	-webkit-box-flex:1.0; /* Safari 和 Chrome */
	box-flex:1.0;
}

/*
	vertical-align
	
*/
.verticala-b{
	vertical-align: baseline;
}
.verticala-bottom{
	vertical-align: bottom;
}
.verticala-t{
	vertical-align: top;
}
.verticala-m{
	vertical-align: middle;
}

/*
	overflow
*/
.overf-b{
	overflow: hidden;
}

/*
	-webkit-box-align: baseline;

*/
.boxa-b{
	-webkit-box-align: baseline;
}
.boxa-c{
	-webkit-box-align: center;
}
.boxa-e{
	-webkit-box-align: end;
}
/*  
	-webkit-box-orient: vertical;
*/
.boxo-v{
	-webkit-box-orient: vertical;
}

/*
	justify-content: center;
*/
.justifyc-c{
	-webkit-justify-content: center;
	justify-content: center;
}
/*
	align-items: center;
*/
.aligni-c{
	-webkit-align-items: center;
	align-items: center;
}
/* 
	-webkit-box-pack: justify;	
*/
.boxp-b{
	-webkit-box-pack: justify;
}
/* 
	input基本样式

*/
input::-webkit-input-placeholder{
	text-align: left;
}
input::-moz-placeholder {
  text-align: left;
}
input:-ms-input-placeholder {
  text-align: left;
}

textarea::-webkit-input-placeholder{
	text-align: left;
}
textarea::-moz-placeholder {
  text-align: left;
}
textarea:-ms-textarea-placeholder {
  text-align: left;
}
/*  
	省略
		line-clamp ：1---文字显示1行
*/
.elli-1{
	overflow: hidden;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}